<template>
    <view class="goods_list">
        <view class="good_item" v-for="(item,index) in list" :key="index">
            <image :src="item.image_uri_txt" class="pic"></image>
            <view class="rtrt">
                <view class="u-line-2">{{item.goods_name}}</view>
            </view>
        </view>
    </view>
</template>

<script>
    export default {
        data() {
            return {

            };
        },
        props: {
            list: Array,
        },
        onLoad() {

        },
        methods: {

        }
    };
</script>

<style scoped lang="scss">
    .goods_list {
        width: 700rpx;
        margin: 0 auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .good_item {
        width: 342rpx;
        background: #fff;
        border-radius: 10rpx;
        margin-bottom: 22rpx;

        .pic {
            width: 342rpx;
            height: 342rpx;
            border-radius: 10rpx 10rpx 0 0;
        }

        .rtrt {
            font-size: 24rpx;
            color: #000000;
            height: 116rpx;
            padding: 22rpx 16rpx;
            line-height: 32rpx;

        }


    }
</style>